<template>
  <el-popover class="el-button sea-pop-button"
              :placement="placement" :width="width" trigger="click"
              :title="header" :content="content">
    <span slot="reference" :title="title"><i :class="icon"></i> {{ text }}</span>
    <slot></slot>
  </el-popover>
</template>
<script>

/**
 * 带下拉框的按钮
 */
export default {
    name: 'SeaPopButton'
    , props: {
        // 按钮名称
        text: {type: String, default: undefined}
        // 图标
        , icon: {type: String, default: undefined}
        // 鼠标悬浮提示
        , title: {type: String, default: undefined}

        // 气泡标题
        , header: {type: String, default: undefined}
        // 内容
        , content: {type: String, default: undefined}

        // 面板宽度
        , width: {type: String, default: '200'}
        // 位置
        , placement: {type: String, default: 'bottom'}
    }
};
</script>
